<template>
	<view>
		<!-- 导航 -->
		<view class="nav">
			<view class="nav-left">
				<text class="iconfont icon-zuo"></text>
			</view>
			<view class="nav-center">
				图标管理
			</view>
		</view>
		<!-- 头部 -->
		<view class="top">
			<view :class="isShow ==false?'bor left':'left'" @click="isShow=false">
				自定义图标
			</view>
			<view :class="isShow ==true?'bor rig':'rig'" @click="isShow=true">
				系统图标
			</view>
		</view>
		<!-- 图标 -->
		<view class="icon" v-show="!isShow">
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/2.png" mode=""></image>
				</view>
			</view>
			<view class="icons">
			<view class="icon-box">
				<image src="../../static/images/15.png" mode=""></image>
			</view>
			</view>
			<view class="icons">
			<view class="icon-box">
				<image src="../../static/images/9.png" mode=""></image>
			</view>
			</view>
			<view class="icons">
			<view class="icon-box">
				<image src="../../static/images/3.png" mode=""></image>
			</view>
			</view>
			<view class="icons">
			<view class="icon-box">
				<image src="../../static/images/5.png" mode=""></image>
			</view>
			</view>
			<view class="icons">
			<view class="icon-box">
				<image src="../../static/images/11.png" mode=""></image>
			</view>
			</view>
		</view>
		<!-- 系统 -->
		<view class="icontwo" v-show="isShow">
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/12.png" mode=""></image>
				</view>
			</view>
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/8.png" mode=""></image>
				</view>
			</view>
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/6.png" mode=""></image>
				</view>
			</view>
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/5.png" mode=""></image>
				</view>
			</view>
			
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/13.png" mode=""></image>
				</view>
			</view>
			
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/1.png" mode=""></image>
				</view>
			</view>
			
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/4.png" mode=""></image>
				</view>
			</view>
			
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/18.png" mode=""></image>
				</view>
			</view>
			
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/7.png" mode=""></image>
				</view>
			</view>
			
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/16.png" mode=""></image>
				</view>
			</view>
			
			
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/17.png" mode=""></image>
				</view>
			</view>
			
			
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/14.png" mode=""></image>
				</view>
			</view>
			
			
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/10.png" mode=""></image>
				</view>
			</view>
			
			<view class="icons">
				<view class="icon-box">
					<image src="../../static/images/19.png" mode=""></image>
				</view>
			</view>
		</view>
		
		<!-- 空 -->
		<view class="hui" v-show="!isShow">
			
		</view>
		<!-- 底部 -->
		<view class="btm" v-show="!isShow">
			<view class="b-left">
				批量编辑
			</view>
			<view class="b-rig">
				新增图标
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isShow:false,
			};
		}
	}
</script>

<style lang="less">
@import url(./iconManage.less);
</style>
